// import { KeywordMode } from '../../modules/keyword_mode.js'
// import { BookMode } from '../../modules/book_mode.js'
// import { paginationBev } from '../../modules/pagination.js'

// const keywordmode = new KeywordMode()
// const bookmode = new BookMode()
const app = getApp()
Component({
  /**
   * 组件的属性列表
   */
  // behaviors: [paginationBev],
  // externalClasses:['texthuise'],
  options: {
    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
    styleIsolation: 'apply-shared' // 指定特殊的样式隔离选项 ----isolated|apply-shared|shared apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面；solated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（一般情况下的默认值）；shared 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。（这个选项在插件中不可用。）
  },
  properties: {
    more: {
      type: String,
      observer: 'loadMore'
    },
    placeholderType:String
  },

  /**
   * 组件的初始数据
   */
  data: {
    // 移植到了pagination.js' 中
    dataArr: [],
    historyWords: [],
    hosWords: [],
    searchValue: '',
    searching: false,
    loading: false,
    index: 1,
    loadingCenter: false,
    searchList: [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
  },

  attached () {
    this.setData({
      // historyWords: keywordmode.getHistory()
    })
    console.log(this.properties)
    // keywordmode.getHot(1).then(res => {
    //   res.map(item => {
    //     this.data.hosWords.push(item.title)
    //   })

    //   this.setData({
    //     hosWords: this.data.hosWords
    //   })
    // })

    console.log(app)
  },

  /**
   * 组件的方法列表
   */
  methods: {
    loadMore () {
      if (this.properties.more == 0) return
      if (this.data.loading) return
      this.setData({
        index: ++this.data.index,
        loading: true
      })
      console.log(this.data.loading)

      // bookmode.getsearch(this.data.index).then(
      //   res => {
      //     this.setData({
      //       dataArr: this.data.dataArr.concat(res),
      //       loading: false
      //     })

      //     this.data.loading = false
      //   },
      //   () => {
      //     this.data.loading = false
      //   }
      // )
    },

    onClose () {
      // todo kim-stamp 子组件通过回调传值给父组件
      this.triggerEvent('close', {}, {})
      this.setData({
        dataArr: []
      })
    },
    // todo 统一处理可见的
    handleVisible (e) {
      this.setData({
        [e.currentTarget.dataset.namespace]: true
      })
    },

    // todo 统一处理隐藏
    handleInvisible (e) {
      this.setData({
        [e.currentTarget.dataset.namespace]: false
      })
    },

    onDelect () {
      this.setData({
        searching: false,
        searchValue: ''
      })
    },

    onConfirm (e) {
      const word = e.detail.value || e.detail.text
      console.log(e, '这是提交的')
      this.setData({
        searching: true,
        loadingCenter: true
      })
  
      // bookmode.getsearch(this.data.index).then(res => {
      //   this.setData({
      //     dataArr: res,
      //     searchValue: word,
      //     loadingCenter: false
      //   })

      //   keywordmode.addToHistory(word)
      // })
    }
  }
})
